<template>
    <div class="search">
      <div class="search_s" @click="toSearch">请输入搜索关键词</div>
    </div>
  </template>
  
  <script>
  export default {
    data() {
      return {
        value: "",
      };
    },
    methods: {
      toSearch() {
        // 路由跳转同时传参
        this.$router.push("/search");
      },
    },
  };
  </script>
  
  <style lang="scss" scoped>
  .search {
    width: 100%;
    background: rgb(25 124 255);
    padding: 60px 0 30px 0;
    .search_s {
      height: 35px;
      width: 90%;
      padding: 0 10px;
      font-size: 14px;
      color: #999;
      background-color: #eee;
      border-radius: 20px;
      line-height: 35px;
      margin: auto;
    }
  }
  </style>